<template>
  <view class="my-card my-card-item flex flex-column justify-between">
    <view>
      <u-text :text="title" bold size="24"></u-text>
      <u-gap height="10"></u-gap>
      <u-text :text="code" type="info"></u-text>
      <u-gap height="10"></u-gap>
      <u-text :text="name" type="info"></u-text>
    </view>

    <view class="actions">
      <slot name="actions"></slot>
    </view>
  </view>
</template>

<script setup>
  const props = defineProps({
    code: {
      type: String,
      default: "",
    },
    title: {
      type: String,
      default: "",
    },
    name: {
      type: String,
      default: "",
    }
  });

  console.log(props);
</script>

<style lang="scss" scoped>
  .my-card-item {
    height: 300rpx;
  }
</style>
